<template>
  <!-- 子平台系统 -->
  <div class="menu-pane">
    <img :src="plat_setting.pc_logo_url" alt="" >
    <el-menu
      router
      default-active="subplatformtIndex"
      class="el-menu-vertical"
      background-color="#545c64"
      active-text-color="#fff"
      :collapse="isCollapse"
      :collapse-transition="false">
      <router-link :to="fun.getUrl('subplatformtIndex')">
        <el-menu-item index="subplatformtIndex">
          <i class="el-icon-s-order"></i>
          <span slot="title">子平台管理</span>
        </el-menu-item>
      </router-link>
    </el-menu>
  </div>
</template>

<script>
import Vue from 'vue';
import { Menu  , MenuItem , MenuItemGroup } from "element-ui";
Vue.use(Menu).use(MenuItem).use(MenuItemGroup);

export default {
  // props: [ 'isCollapse' , ],
  props: {
    plat_setting: {
      type: null,
      default: () => {}
    },
    isCollapse: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
    };
  },
};
</script>

<style lang="scss" rel="stylesheet/scss" scoped>
.menu-pane {
  background: rgb(68, 68, 68);

  img {
    margin: 10px 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
  }

  .el-menu {
    border-right: none;
  }
}

.el-menu-item.is-active {
  background: #29ba9c !important;
}
</style>
